<template>
	<!-- #ifdef APP-NVUE -->
	<list>
		<slot />
		<uiwu-load-more v-if="loading" :status="loading" />
	</list>
	<!-- #endif -->
	<!-- #ifndef APP-NVUE -->
	<scroll-view :style="{height:height}" scroll-y @scrolltolower="scrolltolower">
		<uiwu-view :class-name="className">
			<slot />
			<uiwu-load-more v-if="loading" :status="loading" />
		</uiwu-view>
	</scroll-view>
	<!-- #endif -->
</template>
<script>
	/**
	 * uiwu-list 列表渲染
	 * @property {String} className class名
	 *  @property {String} loading 加载更多的状态，为空不显示
	 *  @property {String} height 传递高度将局部滚动
	 * @event {Function()} scrolltolower 加载更多 
	 */
	export default {
		name: 'UiwuList',
		props: {
			loading: '',
			className: '',
			height:{
				default:'100%',
				type:String
			}
		},
		data() {
			return {

			}
		},
		methods:{
			scrolltolower(){
				this.$emit('scrolltolower')
			}
		}
	}
</script>
<style>
</style>